const scrollDivVertically = (id) => {
  let scrollDelta = 0; // 变量存储累积的滚动增量
  let isScrolling = false; // 变量跟踪是否已经开始滚动

  const divToScrollVertically = document.getElementById(id);

  function scrollLoop() {
    // 垂直滚动div，按照累积滚动增量的一部分进行
    divToScrollVertically.scrollTop += scrollDelta * 0.1;

    // 减少累积的滚动增量的一部分
    scrollDelta *= 0.9;

    // 如果滚动增量仍显著，则继续滚动循环
    if (Math.abs(scrollDelta) > 0.1) {
      requestAnimationFrame(scrollLoop);
    } else {
      isScrolling = false; // 重置滚动进行中的标志
    }
  }

  divToScrollVertically.addEventListener("wheel", function (e) {
    e.preventDefault(); // 阻止默认滚轮行为

    // 累积垂直滚动增量
    scrollDelta += e.deltaY || -e.deltaX || e.wheelDeltaY || -e.wheelDeltaX;

    // 如果滚动尚未开始，则启动滚动循环
    if (!isScrolling) {
      isScrolling = true;
      requestAnimationFrame(scrollLoop);
    }
  });
};
  export default scrollDivVertically;